<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的文章列表</title>

    <script src = "jquery-1.9.1.min.js"></script>
    <script>
        function mydel(id){
            if (confirm("确认删除?")){
                //调用删除方法，执行文章删除功能
                jQuery.getJSON("mydel", {"id": id}, function (data) {
                    if (data != null && data.succ == 1) {
                        // 文章删除成功
                        alert("恭喜：操作成功！");
                        // 页面刷新
                        location.href = location.href;
                    } else {
                        alert("抱歉操作失败：" + data.msg);
                    }
                });
 /*               jQuery.getJSON("mydel",{"id":id},function(data){
                    if(data != null && data.succ == 1){
                        //文章删除成功
                        alert("恭喜：操作成功！");
                        //页面刷新
                        location.href = location.href;
                    }else{
                        //文章删除失败
                        alert("抱歉操作失败:" + data.msg);
                    }
                });*/
            }
        }
        jQuery(function(){
            //当页面加载完成之后在执行此方法

            //1.去后台查询我的文章列表
            jQuery.getJSON("myartlist",{},function (data) {
                //2.将table中的信息进行替换——替换成后台数据库表中的数据
                if(data != null && data.succ == 1){
                    //查询成功，动态拼接tabl
                    var html = "";
                    for (var i = 0; i < data.list.length; i++) {
                        var article = data.list[i];
                        html += "           <tr >\n" +
                            "                <td>\n" +
                            article.id +"                   \n" +
                            "                </td>\n" +
                            "                <td>\n" +
                            article.title +"                    \n" +
                            "                </td>\n" +
                            "                <td>\n" +
                            article.content +"                    \n" +
                            "                </td>\n" +
                            "                <td>\n" +
                            article.rcount +"                    1\n" +
                            "                </td>\n" +
                            "                <td>\n" +
                            "                    <a href = 'upart.html?id = "+ article.id + "'>修改</a> <a href='javascript:mydel(" + article.id + ");'>删除</a>\n" +
                            "                </td>\n" +
                            "            </tr>";
                    }
                    jQuery("#tab1").append(html);

                }else{
                    alert("操作失败：" + data.msg);
                }
            });

        })
    </script>
</head>
<body>
    <div style=" margin-top:50px;text-align: center">
        <h1>我的文章列表</h1>
        <a href="addart.html">添加文章</a>
        <hr>
        <table id = "tab1" style="width: 80%;margin-left: 100px;" border = "1" cellpadding="0">
            <tr >
                <td>
                    编号
                </td>
                <td>
                    标题
                </td>
                <td>
                    发布时间
                </td>
                <td>
                    阅读数
                </td>
                <td>
                    操作
                </td>
            </tr>
<!--
            <tr >
                <td>
                    1
                </td>
                <td>
                    我是标题1
                </td>
                <td>
                    2021-5-1
                </td>
                <td>
                    1
                </td>
                <td>
                    修改  删除
                </td>
            </tr>-->
        </table>
    </div>
</body>
</html>
